
<template>
  <div class="">
    <!-- <HelloWorld :counts="counts" @update:counts="handerParent"> </HelloWorld> -->
     <HelloWorld :counts.sync="counts" > </HelloWorld>

  </div>
</template>
 
<script>
// @ is an alias to /src
import HelloWorld from "./components/HelloWorld.vue";
 
export default {
  name: "Home",
  components: {
    HelloWorld,
  },
  data() {
    return {
      counts:0,
    }
  },
  methods:{
      handerParent(value){
         this.counts=value
      }
  }
};
</script>
 
